﻿<UserControl x:Class="Wilke.Interactive.Drone.PlayGround.StatusButton"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             mc:Ignorable="d" 
             d:DesignHeight="300" d:DesignWidth="300"
             x:Name="StatusButtonControl">
    <UserControl.Resources>
        <Storyboard x:Key="OpacityBlink" AutoReverse="True" RepeatBehavior="Forever">
            <DoubleAnimation From="1" To=".3" Duration="0:0:1" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="ellipse"/>
        </Storyboard>
        <Storyboard x:Key="ColorBlink" AutoReverse="True" RepeatBehavior="Forever">
            <ColorAnimation From="Red" To="#FFFF9280" Duration="0:0:1" Storyboard.TargetProperty="Fill.Color" Storyboard.TargetName="ellipse"/>
        </Storyboard>
    </UserControl.Resources>
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="0.08*"/>
            <RowDefinition Height="0.84*"/>
            <RowDefinition Height="0.08*"/>
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="0.08*"/>
            <ColumnDefinition Width="0.84*"/>
            <ColumnDefinition Width="0.08*"/>
        </Grid.ColumnDefinitions>
        <Ellipse Grid.ColumnSpan="3" Grid.RowSpan="3" Margin="1,1,1,1" Stroke="#FF8C8C8C">
            <Ellipse.Fill>
                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="#FF343434" Offset="0.63"/>
                    <GradientStop Color="#FFFFFFFF" Offset="0.158"/>
                    <GradientStop Color="#FFB3B3B3" Offset="1"/>
                    <GradientStop Color="#FFE0E0E0" Offset="0"/>
                </LinearGradientBrush>
            </Ellipse.Fill>
        </Ellipse>
        <Grid Grid.Column="1" Grid.ColumnSpan="1" Grid.Row="1" Grid.RowSpan="1">
            <Grid.RowDefinitions>
                <RowDefinition Height="0.033*"/>
                <RowDefinition Height="0.6*"/>
                <RowDefinition Height="0.367*"/>
            </Grid.RowDefinitions>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="0.114*"/>
                <ColumnDefinition Width="0.772*"/>
                <ColumnDefinition Width="0.114*"/>
            </Grid.ColumnDefinitions>
            <Ellipse StrokeThickness="2" VerticalAlignment="Stretch" Grid.ColumnSpan="3" Grid.RowSpan="3" x:Name="ellipse">
                <Ellipse.Stroke>
                    <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                        <GradientStop Color="#FF6A6A6A" Offset="0"/>
                        <GradientStop Color="#FFFFFFFF" Offset="0.482"/>
                        <GradientStop Color="#FF515151" Offset="1"/>
                    </LinearGradientBrush>
                </Ellipse.Stroke>
            </Ellipse>
            <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center" Grid.ColumnSpan="3" Grid.RowSpan="3"/>
            <Ellipse Stroke="#FF000000" StrokeThickness="0" HorizontalAlignment="Stretch" Margin="0,0,0,0" VerticalAlignment="Stretch" Width="Auto" Height="Auto" Grid.Column="1" Grid.Row="1" x:Name="ellipse1">
                <Ellipse.Fill>
                    <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                        <GradientStop Color="#D8FFFFFF" Offset="0"/>
                        <GradientStop Color="#15FFFFFF" Offset="0.845"/>
                    </LinearGradientBrush>
                </Ellipse.Fill>
            </Ellipse>
        </Grid>
    </Grid>
</UserControl>
